<template>
    <div id="container">
        <router-view></router-view>
    </div>
</template>

<script>
export default {
    data() {
        return {
             //model: 'miku',
            //  model: 'koharu',
            model: 'hibiki',
            // model: 'haru_2',
           
        }
    },
    mounted() {
        this.$nextTick(() => {
            // this.live2dInit()
        })
    },
    methods: {
        live2dInit() {
            window.L2Dwidget.init({
                pluginRootPath: '/live2dw/',
                pluginJsPath: 'lib/',
                pluginModelPath: `live2d-widget-model-${this.model}/assets/`,
                tagMode: false,
                debug: false,
                model: {
                    jsonPath: `/live2dw/live2d-widget-model-${this.model}/assets/${this.model}.model.json`,
                },
                display: { position: 'left', width: 200, height: 400 },
                mobile: { show: true },
                log: false,
            })
        },
    },
}

    



</script>

<style scoped>

</style>